
<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>卖苹果啊卖苹果</title>

		<style type="text/css">
			#part {
				background-color: #F9F9F9;
				width: 589px;
				height: 400px;
				margin: 20px auto;
			}
			#part1{margin-top: 10px;}
			#word{padding-top: 10px; font-weight: bold;}
			
			#part2 {
				height: 400px;margin-top: 10px;background-color: #E4E4E4;
			}
			
			#part2_1_1_word {
				width: 250px;
				height: 46px;
			}
			
			#part2_1_1_pic {
				background-color: #FF6600;
				height: 60px;
				width: 250px;
				border-radius: 20px 0px 0px 20px;
			}
			#white{width: 256px;height: 6px;background-color: #F9F9F9;}
			#buybuybuy{margin-top: 15px;}
			
			
			#part2_2 {
				float: right;
				margin: -300px 0px 0px 10px;
			}
		
			table tr th {
				text-align: center;
				
			}
			#num_1,#num_2{color: red;}
			
			ul li {
				font-size: 30px;
				color: white;
			}
			
			ul {
				padding-top: 12px;
				margin-top: 1px;
			}
			
			#price,
			#button,
			#div3_pic,
			#div3_word,
			#div_6_a,
			#div_6_b,
			#div_6_c,
			#div_6_d,
			#div_6_e,
			#div_6_f,
			#div_6_g,
			#div_6_h {
				float: left;
			}
			
			#button {
				margin: 10px 0px 10px 10px;
				border-radius: 20px;
				background-color: #FC8300;
				font-size: 20px;
				color: white;
			}
			
			#div_1{margin-top: 20px;}
			
			#div_1,
			#div_2,
			#div_3,
			#div_4,
			#div_5,
			#div_6,
			#part2_1 {
				width: 249px;
			}
			
			#div_1,
			#div_2,
			#div_4,
			#div_5,
			#div_6 {
				text-align: center;
			}
			#div_1,#div_2,#div_5,#div_6_b,#div_6_d,#div_6_f,#div_6_h{font-family: "microsoft yahei";}
			
			#div_3 {
				height: 62px;
			}
			
			#div3_word {
				font-size: 20px;
				font-weight: bold;
				padding-top: 40px;
			}
			
			#div3_pic {
				margin-left: 20px;
			}
			
			#div_4 {
				font-size: 20px;
				font-weight: bold;
				height: 30px;
				float: left;
			}
			
			#div_5 {
				margin-top: 40px;
			}
			
			#div_6_a {
				margin-left: 20px;
			}
			
			/*#div_6_a,
			#div_6_b,
			#div_6_c,
			#div_6_d,
			#div_6_e,
			#div_6_f,
			#div_6_g,
			#div_6_h {
				margin-top: 20px
			}*/
			#div_6 div{
				margin-top: 20px;
			}
			
			#div_6_a,
			#div_6_c,
			#div_6_e,
			#div_6_g {
				width: 30px;
				height: 30px;
				background-color: white;
				font-weight: bold;
			}
			
			/*#word_a,
			#word_c,
			#word_e,
			#word_g {
				margin-top: 5px;
			}*/
			#div_6 div div{
				margin-top: 5px;
			}
			
			#div_6_b,
			#div_6_d,
			#div_6_f,
			#div_6_h {
				padding-top: 5px;
			}
		</style>

	</head>

	<body>

		<div id="part">

			<div id="part1">
				<div id="word">苹果iPhone 您的体验是我们最大的努力方向</div>
			</div>
			<div id="part2">
				<div id="part2_1">
					<div id="part2_1_1">

						<div id="part2_1_1_pic">

							<div id="price">
								<ul type="circle">
									<li>&yen;3000</li>
								</ul>
							</div>

							<div id="btn">
								<input type="button" id="button" value="购买" style="height: 40px;width: 100px;" />
							</div>

							<!--
       			<img src="img/money.png" width="250px" height="40px" />
		              --></div>
						<div id="part2_1_1_word">
							<table width="250px">
								<tr >
									<th>原价</th>
									<th>折扣</th>
									<th>节省</th>
								</tr>
								<tr >
									<th>&yen5200.00</th>
									<th id="num_1">5.77</th>
									<th id="num_2">&yen2200.00</th>
								</tr>
							</table>
						</div>
					</div>
					<div id="part2_1_2">

						<div id="div_1">
							
							
							<div id="white" >
								
							</div>
							
					<div id="buybuybuy">
						<font size="4" color="red">0人已购买</font>
					</div>		
							
							
						</div>
						<div id="div_2">本单仅剩：100份，预购从速</div>
						<div id="div_3">
							<div id="div3_pic"><img src="img/sand.png" /></div>
							<div id="div3_word">
								<font>即将成功！</font>
							</div>

						</div>
						<div id="div_4">赶紧加入团购...</div>
						<div id="div_5">距离本次团购结束还有：</div>
						<div id="div_6">
							<div id="div_6_a">
								<div id="word_a">
									<font>5</font>
								</div>
							</div>
							<div id="div_6_b">
								<font>天</font>
							</div>
							<div id="div_6_c">
								<div id="word_c">
									<font>20</font>
								</div>
							</div>
							<div id="div_6_d">
								<font>小时</font>
							</div>

							<div id="div_6_e">
								<div id="word_e">
									<font>13</font>
								</div>

							</div>
							<div id="div_6_f">
								<font>分</font>
							</div>
							<div id="div_6_g">
								<div id="word_g">
									<font>14</font>
								</div>

							</div>
							<div id="div_6_h">
								<font>秒</font>
							</div>
						</div>

					</div>
				</div>

				<div id="part2_2">
					<img src="img/iPhone.png" height="360px" width="333px" />
				</div>
			</div>

		</div>

	</body>

</html>